<template>
  <!-- <div> -->
  <!-- ===============   作业，3d  ==================== -->
  <div id="container"></div>
  <!-- </div> -->
</template>

<script>
import { BMPGL } from "../../../../bmpgl";
export default {
  name: "",
  components: {},
  data() {
    return {
      ak: "Yd9f9yte6F373X4Li5EPQos0FXDGKfvT",
    };
  },
  created() {},
  mounted() {
    this.creaMap();
  },
  methods: {
    creaMap() {
      BMPGL(this.ak).then((BMapGL) => {
        console.log(BMapGL);
        const map = new BMapGL.Map("container");
        map.centerAndZoom(new BMapGL.Point(111, 22));
        map.enableScrollWheelZoom(true);
        map.setMapType(BMAP_EARTH_MAP); //转化为地球

        // map.enableScrollWheelZoom(true); // 开启滚轮缩放
        // map.setHeading(64.5);
        // map.setTilt(73);

        

      });
    },
  },
};
</script>

<style lang="scss" scoped>
html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}

#container {
  height: 100%;
  width: 100%;
}
</style>
